<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>left</title>
    </h:head>
    <body>
        <h:form>
            <p:accordionPanel style="font-size: 11px" id="left">
                <p:tab title="Showcase">
                    <p:tree value="#{treeNode.root}" var="node" id="treeLeft" style="font-size: 13px" selectionMode="single">
                        <p:ajax event="select" update=":mainForm:rightForm" listener="#{treeNode.onNodeSelect(event)}"/>
                        <p:treeNode id="treeNodeLeft">
                            <h:outputText value="#{node.name}" id="lable">
                            </h:outputText>
                        </p:treeNode> 
                    </p:tree> 
                </p:tab>
                <p:tab title="Download">
                    <ui:repeat value="#{treeNode.lib}" var="lib">
                        <p:commandLink style="font-size: 11px;text-decoration:none;color:blue" value="#{lib.name}" onclick="window.open('download/download.xhtml') "/>
                        <br/><br/>
                    </ui:repeat>
                </p:tab>
                <p:tab title="Admin">

                </p:tab>
                <p:tab title="Đào tạo">
                </p:tab>
            </p:accordionPanel>
        </h:form>
    </body>
</html>
